<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <?php $this->load->view('head'); ?>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){          
                $("#documentalesFecha").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
<?php $this->load->view('enReady'); ?>
        jQuery("#grupoList").jqGrid({
            url: '<?php echo site_url("grilla/documental/$partId/$tipo"); ?>',
            datatype: 'json',
            mtype: 'POST',
            colNames:['paisId','País','Ciudad','Nombre','Fecha','Entidad','Población','Lugar','Objetivo'],
            colModel :[ 
                {name:'paisId',index:'paisId', width:50,editable:false,hidden:true},
                {name:'paisNombre',index:'paisNombre', width:50,editable:false,hidden:true},
                {name:'documentalesCiudad',index:'documentalesCiudad', width:50,editable:false,hidden:true},
                {name:'documentalesPrograma',index:'documentalesPrograma', width:50,editable:false},
                {name:'documentalesFecha',index:'documentalesFecha', width:90,editable:false},
                {name:'documentalesEntidad',index:'documentalesEntidad', width:50,editable:false,hidden:true},
                {name:'documentalesPoblacion',index:'documentalesPoblacion', width:100,editable:false},
                {name:'documentalesLugar',index:'documentalesLugar', width:100,editable:false},
                {name:'documentalesObjetivo',index:'documentalesObjetivo', width:100,editable:false}
            ],
            autowidth:true,
            onSelectRow: function(ids) {
                var ret = jQuery("#grupoList").jqGrid('getRowData',ids);
                asignaValores(ret,ids);
            },
            pager: jQuery('#grupoPager'),
            rowNum:50,
            rowList:[10,20,30,50],
            sortname: 'documentalesFecha',
            sortorder: "asc",
            viewrecords: true,
            caption: 'Experiencias Locales',
            height:160
        });
        //Barra de navegación
        jQuery("#grupoList").navGrid('#grupoPager',{edit:false,add:false,del:false,search:false,view:true});
        $("#btnGuardaParticipante").click(function(){
            if(fnValidaCampos("form", "frmParticipante"))
                $.post('<?php echo site_url("extras/extra/$partId/$tipo"); ?>', $("#frmParticipante").serialize(),function(){
                    jQuery('#grupoList').trigger('reloadGrid');
                    $("#frmParticipante").trigger("reset");
                    $("#documentalesId").val('');
                });
            else fnMenError('Debe diligenciar todos los campos en rojo',0);
        }); //fin $("#btnGuardaParticipante").click(function(){
<?php if ($this->session->userdata("usuarioId_externo")) { ?>
                    fntodoLectura();
<?php } ?>
    }); //fin $(document).ready(function(){

    function asignaValores(datos,id){
        $("#documentalesPrograma").val(datos.documentalesPrograma);
        $("#documentalesFecha").val(datos.documentalesFecha);
        $("#documentalesPoblacion").val(datos.documentalesPoblacion);
        $("#documentalesLugar").val(datos.documentalesLugar);
        $("#documentalesObjetivo").val(datos.documentalesObjetivo);
        $("#documentalesId").val(id);
        return true;
    } //fin asignaValores(id){

        </script>
    </head>
    <body>
        <script src="<?php echo base_url() . "js/wz_tooltip-min.js" ?>" type="text/javascript"></script>
        <?php $this->load->view('enBody'); ?>
        <div id="divContenedor2" >
            <div class="subtitulo">FORMATO No 1 –INFORMACION GENERAL DE LA REVISIÓN DOCUMENTALDE  LOS PROGRAMAS NACIONALES DE ATENCION INTEGRAL A PRIMERA INFANCIA</div>                    
            <fieldset>
                <legend>Registros</legend>
                <form id="frmParticipante" method="post">
                <label for="documentalesPrograma">Programa</label>
                <input type="text" id="documentalesPrograma" name="documentalesPrograma" size="80" />
                    <table>
                        <tr>
                            <td><label for="documentalesFecha">Fecha</label></td>
                            <td><input type="text" id="documentalesFecha" class="omitir" size="9" name="documentalesFecha" /></td>
                            <td><label for="documentalesPoblacion">Población Objetivo</label></td>
                            <td><input type="text" id="documentalesPoblacion" class="omitir" name="documentalesPoblacion" /> </td>
                            <td rowspan="2"><input type="button" value="Guardar Revisión" id="btnGuardaParticipante" /></td>
                        </tr>
                        <tr>
                            <td><label for="documentalesLugar">Lugar Implementación</label></td>
                            <td><input type="text" id="documentalesLugar" class="omitir" name="documentalesLugar" /></td>
                            <td></td>
                            <td>
                                <input type="hidden" class="omitir" id="documentalesId" name="documentalesId" />
                            </td>
                        </tr>
                    </table>
                    <label for="documentalesObjetivo">Objetivo del programa</label>
                    <textarea rows="2" class="omitir" style="width: 90%;margin-bottom: 9px" id="documentalesObjetivo" name="documentalesObjetivo" ></textarea>
                </form>
                <div id="grupoPager" class="scroll" style="text-align:center;"></div>
                <table id="grupoList" class="scroll" style="font-size: 14px"></table>
            </fieldset>
        </div><!-- fin divContenedor -->
    </body>
</html>
